﻿﻿<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<meta name="author" content="" />
		<link rel="stylesheet" href="css/common.css" type="text/css" />
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<link rel="stylesheet" href="css/swiper.min.css" type="text/css" />

		<title>专题分析</title>
		<style>

			[v-cloak] {
				display: none;
			}
			
			.condition {}
			
			.condition ul {
				float: left;
				margin-left: 24px;
			}
			
			.condition ul li {
				float: left;
				margin-left: 16px
			}
			
			.map {
				margin: 0 auto;
				height: 500px;
				float: right;
				background: #ebebeb;
				width:760px; 
			}
			
			.sidenav .act {
				color: #FFF;
				background: url('images/menu_left_on_bg.png') no-repeat left top;
				display: block;
			}
			.back{line-height: 15px;width:980px; margin: 0 auto;background: #ebebeb;font-size: 15px;cursor: pointer;padding-top: 10px;}
			.back img{height: 15px;}
			.menu-name{ width: 980px; height: 40px;margin: 0 auto;border-left: solid 1px #cfcdd0;}
			.menu-name li{ user-select: none;cursor:pointer;line-height: 40px; float: left; width: 110px; text-align: center;color: #343844;}
			.menu-name .active-menu{ color: #343844;background-color: #E4E4E4}
			.mapcontainer{margin-top: 0; border: 1px solid #dddddd;border-radius: 10px;}
			.map-list h1{ background: #ffffff; color: #343844; border-bottom: solid 1px #cfcdd0;border-top: solid 1px #cfcdd0;}
			.Carousel{height:550px}
		</style>
	</head>

	<body class="lybg">
			<!-- 	   标题模块 -->

	<div class="big">
			<div id="header">
				<div class="logo">
					<a href="" target="_blank"><img class="logoimg"
						src="images/logo.png" alt="" /></a>
				</div>
				<div class="title" style="font-family: 微软雅黑;">专业农业数据服务</div>
			</div>
		</div>
		<div id="mapAnalysis" v-cloak >
		<div class="clear"></div>
<!-- 	轮播导航模块	 -->
		<div class="Carousel" style="height: 600px;">
			<div class="first">
				<div class="first1">
						<a href="index.html"  style="font-family: 微软雅黑;">首页</a>
				</div>

				<div class="first1" >
						<a href="data_resource.html"  style="font-family: 微软雅黑;">数据资源</a>
				</div>
				<div class="first1 tab_active" >
						<a href="" style="font-family: 微软雅黑;">专题分析</a>
				</div>
				<div class="first1 " >
						<a href="data_acquisition.html"  style="font-family: 微软雅黑;">数据采集</a>
				</div>
			</div>
	<div class="clear"></div>
				<div class="panel-heading" style="margin:0 auto; margin-top:30px;text-indent:20px; width:100%;padding:10px 0;font-size:20px;border-bottom:2px solid #2e8397;color:#2e8397">
				全国农业专利分布
				</div>
			<div class="two" style="margin-top: 0px;">
					<div class="mapcontainer" id="map2">
				<div class="left">
				
				<ul class="map-list">
			
					<h1>所属行业</h1>
					<li class="hy2"><a href="javascript:void(0);" onclick="switchHy('A01',this)" class="active">农业</a></li>
					<li class="hy2"><a href="javascript:void(0);" onclick="switchHy('A02',this)">林业</a></li>
					<li class="hy2"><a href="javascript:void(0);" onclick="switchHy('A03',this)">畜牧业</a></li>
					<li class="hy2"><a href="javascript:void(0);" onclick="switchHy('A04',this)">渔业</a></li>
					<h1>公开时间</h1>
					<li class="tm"><a  class="active" href="javascript:void(0);" onclick="switchTm('3',this)">2015年-2018年</a></li>
					<li class="tm"><a href="javascript:void(0);" onclick="switchTm('2',this)">2011年-2014年</a></li>
					<li class="tm"><a href="javascript:void(0);" onclick="switchTm('1',this)">2007年-2010年</a></li>
					<li class="tm"><a href="javascript:void(0);" onclick="switchTm('0',this)" >2006年以前</a></li>
				</ul>

				</div>
				<div class="back"></div>
				<div class="map " id="main2"></div>	
			</div>	
			
			

			</div>
		</div>
		<div class="clear"></div>

			
			
		
				
				
				
				<div class="clear"></div>
		<div class="w980 height20"></div>
		<div id="bgfooter">
			<div id="footer">
				<div class="copyright">
					<div class="copyright1">
						<a href="" title=""><img class="logoimg" src="images/logo.png"
							alt="" alt="" /></a>
					</div>
<!-- 					<div class="copyright2" style="width: 350px"> -->
<!-- 						Copyright@2018 <a href="http://www.miit.gov.cn/" rel="nofollow" -->
<!-- 							target="_blank">滇ICP备17010305号-1</a> <br /> -->
<!-- 					</div> -->
					<div class="copyright2" style="width: 350px">
						Copyright@2018 滇ICP备17010305号-1<br />
					</div>
				</div>
				<div class="subnav">
					<div class="subnav1">
						<strong><a href="" title="公司平台">公司平台</a></strong>
						<span><a 
							href="http://www.datashang.com/shs_web/index.html" title="数熵工厂" target="_blank">数熵工厂</a></span>
						<span><a 
							href="http://study.weihengtech.com/qjpt/" title="全景展览馆" target="_blank">全景展览馆</a></span>
							<span><a 
							href="http://nxf.ynmaker.com/index.php?s=/home/enterprise/plantaddr.html" title="中草药种植推荐" target="_blank">中草药种植推荐</a></span>
							<span><a 
							href="http://nxf.ynmaker.com/index.php?s=/home/enterprise/plantcalculate.html" title="中草药种植成本计算" target="_blank">中草药种植成本计算</a></span>
							<span><a 
							href="http://www.datashang.com/shs_web/search.html" title="入侵物种检测" target="_blank">入侵物种检测</a></span>
					</div>
					<div class="subnav2">
						<strong><a href="" title="友情链接">友情链接</a></strong><span><a
							href="http://www.ynmaker.com/" title="唯恒农业" target="_blank">唯恒农业</a></span><span><a
							href="http://study.weihengtech.com" title="唯恒学院" target="_blank">唯恒学院</a></span><span><a 
							href="http://scrc.ynmaker.com/" title="三产融创平台" target="_blank">三产融创平台</a></span><span><a
							href="www.weihengtech.com " title="科技成果转化中心" target="_blank">科技成果转化中心</a></span><span><a 
							href="http://www.czhiwu.com/index.php" title="云药技术服务中心" target="_blank">云药技术服务中心</a></span>
							
					</div>
		
					<div class="subnav5">
						<strong><a href="" title="服务支持">关于我们</a></strong><span><a
							href="" title="公司介绍">公司介绍</a></span><span><a 
							href="" title="联系我们">联系我们</a></span>
					</div>
						<div class="subnav5">
						<div style="width: 120;height: 120px;">
						  <img alt="" src="images/xiaochenxu.jpg"style="width: 120;height: 120px;">
						</div>
					</div>
				</div>
			</div>
		</div>
			
			
		</div>

									

		

							


		<script src="js/vue2.0/vue.js"></script>
		<script src="js/axios/axios.min.js"></script>
		<script src="js/func/axiosconfig.js"></script>
		<script src="js/echarts.min.js"></script>
		<script type="text/javascript" src="js/map/js/citymap.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/func/mapAnalysis.js"></script>
		<!--<script type="text/javascript" src="js/map/js/app.js"></script>-->
		<script type="text/javascript" src="js/map/js/app2.js"></script>
	<!--	<script>
	    var swiper = new Swiper('.swiper-container', {
	      spaceBetween: 30,
	      loop : true,
	      autoplay:true,
	      pagination: {
	        el: '.swiper-pagination',
	        clickable: true,
	     
	      },
          
	    });
  		</script>-->
	</body>

</html>